<style>
    html,
    body {
        position: relative;
        height: 100%;
    }

    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
</head>

<body>
    <header>
        <div class="main">
            <a href="__ROOT__/"><img src="__ROOT__/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                <php>$user=cmf_get_current_user();</php>
                <if condition="$user neq ''">
                    {$user.user_login}
                    <a class="txtFFF" href="{:url('user/app/index')}">Member Center</a>
                    <a class="txtFFF" href="{:url('user/index/logout')}">Logout</a>
                    <else/> Please
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="login()">[Sign In]</a>
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="register()">[Sign Up]</a>
                </if>
            </div>
        </div>
    </header>
    <div class="Tabs">
        <div class="main">
            <div class="one rel cen fl kds">
                <a href="__ROOT__/" class="txtFFF">{:lang('HOME')}</a>
            </div>
            <div class="one rel cen fl kds">
                <a href="#" class="txtFFF">{:lang('DOWNLOAD')}</a>
                <div class="abs hidebox hide">
                    <a href="{:url('portal/page/index',array('id'=>'1'))}" class="txtFFF">
                        <div class="cen sstab mt">
                            {:lang('api_download')}
                        </div>
                    </a>
                    <php>
                        $down2 = db('portal_post')->where('id','2')->find();
                    </php>
                    <a href="{:url('portal/page/index',array('id'=>'2'))}" class="txtFFF">
                        <div class="cen sstab mt">
                            {:lang('beacon_download')}
                        </div>
                    </a>
                    <php>
                        $down3 = db('portal_post')->where('id','3')->find();
                    </php>
                    <a href="{:url('portal/page/index',array('id'=>'3'))}" class="txtFFF">
                        <div class="cen sstab mt">
                            {:lang('demo_download')}
                        </div>
                    </a>
                </div>
            </div>
            <div class="one rel cen fl kds">
                <a href="#" class="txtFFF">{:lang('DOCUMENT')}</a>
                <div class="abs hidebox hide">
                    <a href="__ROOT__/wiki/" class="txtFFF" target="_blank">
                        <div class="cen sstab mt">
                            {:lang('api_document')}
                        </div>
                    </a>
                </div>
            </div>
            <div class="one rel cen fl">
                <a href="{:url('shop/index/index')}" class="txtFFF">{:lang('SHOP')}</a>
            </div>
        </div>
    </div>